.contanier{
    background-color: white;

}
.header {
    display: flex;
    background-color: transparent;
    position: sticky;
    top: 0;
    z-index: 999;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    background-image: radial-gradient(transparent 1px, #ffffff 1px);
    background-size: 4px 4px;
    backdrop-filter: saturate(50%) blur(4px);
    .left {
        flex: 1;
        text-align: left;
    }

    .right {
        flex: 1;
        text-align: right;
        margin-right: 20px;
        padding: 5px 0px;
    }
}

.main {
    min-height:calc(100vh -  64px - 75px); 
 
}

.footer {
    background-color: #f0f3fa;

    .text {
        font-size: 10px;
        margin: 0;
        text-align: center;
        opacity: 0.5;

        .title {
            font-size: 20px;
            vertical-align: sub;
            margin-right: 20px;
        }
    }
}